import React,{Component} from 'react';

export default class LongItem extends Component{
    render(){
        return(
            <div className="long-item">
                <a className="item-user" href="">
                    <img src="http://olk82cbj1.bkt.clouddn.com/shop-photo.png" alt="" className="photo"/>
                    <span className="name">vvey</span>
                    <div className="user-certifications">彭州达人</div>
                </a>
                <div className="item-type">类型：美文</div>
                <a className="long-item-content">
                    <div className="photo">
                        <img src="http://olk82cbj1.bkt.clouddn.com/shop-photo.png" alt="" />
                    </div>
                    <div className="long-item-right">
                        <h1 className="title">文章标题</h1>
                        <p className="content">在印刷与桌面端Web这些传统领域,我们已经有了很成熟的文字排版经验。随着移动时代的到来,APP的界面设计,加上网站越来越多地转身为响应式设计以适应多种显示设备</p>
                    </div>
                </a>
                <div className="item-tools">
                    <a href="" className="like">100</a>
                    <a href="" className="unlike">100</a>
                    <a href="" className="comments">100</a>
                </div>
            </div>
        )
    }
}
